<template>
	<view>
		<!-- 第一部分开始 -->
		<view class="flex justify-between bg-white content1">
			<!-- 左边部分开始 -->
			<view class="flex">
				<view><image class="user-logo" src="../../static/touxiang/touxiang.png"></image></view>
				<view style="margin-left: 20upx;">
					<view class="user-name"><text>李凯</text>
					<view class="cu-tag bg-yellow sm round">黄金段位</view>
					</view>
					<view style="margin-top: 25upx;">
					<view class="cu-tag sm round line-blue">2017324204</view>
					<view class="cu-tag sm round line-blue">学生</view>
					</view>
				</view>
			</view>
			<!-- 左边部分结束 -->
			<!-- 右边部分开始 -->
			<view></view>
			<!-- 右边部分结束 -->
		</view>
		<!-- 第一部分结束 -->
		<!-- 列表部分开始 -->
			<view class="list-content">
				<view @tap="gopage(i)" class="bg-white list-item" v-for="(p,i) in lists" :key="i">
				<text style="font-size: 130%; margin-right: 10upx;" :class="p.icon"></text>  <text>{{p.text}}</text>
				</view>
			</view>

		<!-- 列表部分结束 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lists:[
					{
						text:"我的地址",
						icon:"cuIcon-location text-brown"
						
					},
					{
						text:"客服中心",
						icon:"cuIcon-phone text-blue"
					
					},
					{
						text:"系统设置",
						icon:"cuIcon-settingsfill"
						
					},
					{
						text:"注销登录",
						icon:"cuIcon-roundclosefill text-red",
						url:"../my/login"
					}

				]
			}
		},
		onLoad() {

		},
		methods: {
			gopage(item){ 
					var url=this.lists[item].url;
					if(url!=null && url!=undefined){
						uni.reLaunch({
							url:url
						});
					}
			}

		}
	}
</script>

<style>
.user-logo{
	width: 150upx;
	height: 120upx;
}
.content1{
	padding: 30upx 30upx 30upx 30upx;
}
.user-name{
	font-size: 130%;
	display: flex;
	align-items: center;
}
.list-item{
	height: 100upx;
	display: flex;
    align-items: center;
	padding-left: 40upx;
	padding-right: 20upx;
	border-bottom: 1upx #DDDDDD solid;
	
}
.list-content{
	margin-top: 20upx;
}
</style>
